<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
	<head>
		<meta charset="utf-8">
		<title>考试预览</title>
		<link href="css/app.css" rel="stylesheet">
		<link rel="stylesheet" href=""/>
		<link rel="stylesheet" href="../../static/css/exam/wholeupexam.css"/>
	</head>
	<body>
		<div class="wrapper">
				<nav id="sidebar" class="sidebar js-sidebar">
					<div class="sidebar-content js-simplebar">
						<a class="sidebar-brand">
			      <span class="align-middle">考试系统</span>
			    </a>
			
						<ul class="sidebar-nav">
							<li class="sidebar-header">
										导航栏
									</li>
							
							
									<li class="sidebar-item">
										<a class="sidebar-link" href="teacher.html" th:if="${usertype} eq '0'" >
							  <i class="align-middle" data-feather="user"></i> <span class="align-middle">个人主页</span>
							</a>
							<a class="sidebar-link" href="/personpage3" th:if="${usertype} eq '1'" >
							  <i class="align-middle" data-feather="user"></i> <span class="align-middle">个人主页</span>
							</a>
							<a class="sidebar-link" href="admin.html" th:if="${usertype} eq '2'" >
							  <i class="align-middle" data-feather="user"></i> <span class="align-middle">个人主页</span>
							</a>
									</li>
							
									<li class="sidebar-item">
										<a class="sidebar-link" href="/myexam">
							  <i class="align-middle" data-feather="check-square"></i> <span class="align-middle">考试主页</span>
							</a>
									</li>
							
									<li class="sidebar-item">
										<a class="sidebar-link" href="/class">
							  <i class="align-middle" data-feather="book"></i> <span class="align-middle">课程主页</span>
							</a>
									</li>
							
									<li class="sidebar-item">
										<a class="sidebar-link" href="/questionbankpage">
							  <i class="align-middle" data-feather="map"></i> <span class="align-middle">题库练习</span>
							</a>
									</li>
									<li class="sidebar-item" th:if="${usertype} eq '0'">
												<a class="sidebar-link" href="/AddExaminfo">
									  <i class="align-middle" data-feather="file"></i> <span class="align-middle">上传考试</span>
									</a>
											</li>
						</ul>
					</div>
				</nav>
			
				<div class="main">
					<nav class="navbar navbar-expand navbar-light navbar-bg">
						<a class="sidebar-toggle js-sidebar-toggle">
							<i class="hamburger align-self-center"></i>
						</a>
			
						<div class="navbar-collapse collapse">
							<ul class="navbar-nav navbar-align">
								<li class="nav-item dropdown">
									<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-bs-toggle="dropdown">
										<i class="align-middle" data-feather="settings"></i>
									</a>
			
									<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-bs-toggle="dropdown">
										<i class="align-middle me-2" data-feather="feather"></i>
										<span th:if="${usertype} eq '0'">老师</span>
										<span th:if="${usertype} eq '1'">学生</span>
										<span th:if="${usertype} eq '2'">管理员</span>
										<img src="images/someicon/teacher.jpg" class="avatar img-fluid rounded me-1" alt="老师" th:if="${usertype} eq '0'"/> 
										<img src="images/someicon/student.jpg" class="avatar img-fluid rounded me-1" alt="学生" th:if="${usertype} eq '1'"/> 
										<img src="images/someicon/admin.jpg" class="avatar img-fluid rounded me-1" alt="管理员" th:if="${usertype} eq '2'"/> 
										<span class="text-dark" th:text="${usermail}"></span>
									</a>
									<div class="dropdown-menu dropdown-menu-end">
										<a class="dropdown-item" href="teacherinfoupdate" th:if="${usertype} eq '0'"><i class="align-middle me-1" data-feather="user"></i> 修改信息</a>
										<a class="dropdown-item" href="/newstudentInformation" th:if="${usertype} eq '1'"><i class="align-middle me-1" data-feather="user"></i>  修改信息</a>
										<a class="dropdown-item" href="admininfoupdate" th:if="${usertype} eq '2'"><i class="align-middle me-1" data-feather="user"></i>  修改信息</a>
										<div class="dropdown-divider"></div>
										<a class="dropdown-item" href="logout">Log out</a>
									</div>
								</li>
							</ul>
						</div>
					</nav>
				
				<!--在这里写我自己的东西-->
			<section class="mainbox">
				<div class="container-fluid p-0">
						<div class="mb-3">
				
						</div>
						<div class="row">
							<div class="col-md-4">
								<div class="examinfo">
									<div class="examtitle">
										<div class="forh3">
											<h2>考试信息</h2>
										</div>
										<div class="forh3">
											<a class="badge bg-success text-white ms-2" th:if ="${thisexaminfo.type} eq '0'">
											    贡献为题库
											</a>
											<a class="badge bg-danger text-white ms-2" th:if ="${thisexaminfo.type} eq '1'">
											    不贡献为题库
											</a>
										</div>
									</div>
									<div class="subexaminfo">
										<div class="subsub">
											考试id:<p th:text="${thisexaminfo.id}"></p>
										</div>
										<div class="subsub">
											考试科目:<p th:text="${thisexaminfo.subject}">111</p>
										</div>
									</div>
									<div class="subexaminfo">
										<div class="subsub">
											开始时间:<p th:text="${#dates.format(thisexaminfo.starttime, 'yyyy-MM-dd HH:mm')}"></p>
										</div>
										<div class="subsub">
											结束时间:<p th:text="${#dates.format(thisexaminfo.endtime, 'yyyy-MM-dd HH:mm')}"></p>
										</div>
									</div>
									<div class="subexamclass">
										<div class="subsub">
											<p>班级id</p>
										</div>
										<div th:each="i:${classidlist}">
											<div class="subsub">
												<p th:text="${i}"></p>
											</div>
										</div>	
									</div>	
									<div class="subexamclass">
										<div class="subsub">
											<p>班名</p>
										</div>
										<div th:each="i:${classnames}">
											<div class="subsub">
												<p th:text="${i}"></p>
											</div>
										</div>	
									</div>	
								</div>
							</div>
							<div class="col-md-8">
								<div class="bigbox">
									
										<div class="examtitle">
											<div class="subsub"></div>
											<div class="subsub"></div>
											<div class="subsub">
												<h2>考试总分：</h2>
											</div>
											<div class="subsub">
												<h2 th:text="${thisexaminfo.totalpoint}">123</h2>
											</div>
											<div class="subsub"></div>
											<div class="subsub"></div>
										</div>
										<div th:if="${not #lists.isEmpty(cqinfolist)}">
											<div class="forqtitle">
												<div class="someinfo">
													<h3>选择题:</h3>
												</div>
												<div class="maininfo">	
												</div>
											</div>
											<div class="forq" th:each="i:${cqinfolist}">
												<div class="someinfo">
													<div class="subsub">
														题号:
													</div>
													<div class="suba">
														<p th:text="${iStat.count}" style="font-weight:700;">123</p>
													</div>
													<div class="subsub">
														分值:
													</div>
													<div class="suba">
														<p th:text="${i.point}" style="font-weight:700;">123</p>
													</div>
													<div class="subsub">
														难度:
													</div>
													<div class="suba">
														<p th:if ="${i.difficulty} lt '0.5'" style="font-weight:700;">简单</p>
														<p th:if ="${i.difficulty} eq '0.5'" style="font-weight:700;">中等</p>
														<p th:if ="${i.difficulty} gt '0.5'" style="font-weight:700;">困难</p>
													</div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="subsub"></div>
													<div class="subsub"></div>
												</div>
												<div class="maininfo">
													<div class="forblank"></div>
													<div class="forreal">
														<p th:text="${i.content}"></p>
														<div th:if="${not #strings.isEmpty(i.picture)}">
															<div class="forimg">
																<img th:src="@{${i.picture}}" style="width: 100% ; height:100%">
															</div>		
														</div>
														<div class="foroption">
															<div class="foro1">
																<div class="foro11">
																	<div th:if="${i.answer} eq 'A'">
																		<input class="form-check-input" type="radio" checked>
																	</div>
																	<div th:if="${i.answer} ne 'A'">
																		<input class="form-check-input" type="radio">
																	</div>
																</div>
																<div class="foro12">
																	<span class="form-check-label"> A </span>
																</div>
															</div>
															<div class="foro2">
																<p style="white-space:normal; word-break:break-all;overflow:hidden;" th:text="${i.optiona}">
																	我是选项A
																</p>
															</div>
														</div>
														<div class="foroption">
															<div class="foro1">
																<div class="foro11">
																	<div th:if="${i.answer} eq 'B'">
																		<input class="form-check-input" type="radio" checked>
																	</div>
																	<div th:if="${i.answer} ne 'B'">
																		<input class="form-check-input" type="radio">
																	</div>
																</div>
																<div class="foro12">
																	<span class="form-check-label"> B </span>
																</div>
															</div>
															<div class="foro2">
																<p style="white-space:normal; word-break:break-all;overflow:hidden;" th:text="${i.optionb}">
																	我是题干
																</p>
															</div>
														</div>
														<div class="foroption">
															<div class="foro1">
																<div class="foro11">
																	<div th:if="${i.answer} eq 'C'">
																		<input class="form-check-input" type="radio" checked>
																	</div>
																	<div th:if="${i.answer} ne 'C'">
																		<input class="form-check-input" type="radio">
																	</div>
																</div>
																<div class="foro12">
																	<span class="form-check-label"> C </span>
																</div>
															</div>
															<div class="foro2">
																<p style="white-space:normal; word-break:break-all;overflow:hidden;" th:text="${i.optionc}">
																	我是题干
																</p>
															</div>
														</div>
														<div class="foroption">
															<div class="foro1">
																<div class="foro11">
																	<div th:if="${i.answer} eq 'D'">
																		<input class="form-check-input" type="radio" checked>
																	</div>
																	<div th:if="${i.answer} ne 'D'">
																		<input class="form-check-input" type="radio">
																	</div>
																</div>
																<div class="foro12">
																	<span class="form-check-label"> D </span>
																</div>
															</div>
															<div class="foro2">
																<p style="white-space:normal; word-break:break-all;overflow:hidden;" th:text="${i.optiond}">
																	我是题干
																</p>
															</div>
														</div>
													</div>
												</div>
												
											</div>
										</div>
										<div th:if="${not #lists.isEmpty(jqinfolist)}">
											<div class="forqtitle1">
												<div class="someinfo">
													<h3>判断题:</h3>
												</div>
												<div class="maininfo">	
												</div>
											</div>
											<div class="forq" th:each="i:${jqinfolist}">
												<div class="someinfo">
													<div class="subsub">
														题号:
													</div>
													<div class="suba">
														<p th:text="${iStat.count}" style="font-weight:700;">123</p>
													</div>
													<div class="subsub">
														分值:
													</div>
													<div class="suba">
														<p th:text="${i.point}" style="font-weight:700;">123</p>
													</div>
													<div class="subsub">
														难度:
													</div>
													<div class="suba">
														<p th:if ="${i.difficulty} lt '0.5'" style="font-weight:700;">简单</p>
														<p th:if ="${i.difficulty} eq '0.5'" style="font-weight:700;">中等</p>
														<p th:if ="${i.difficulty} gt '0.5'" style="font-weight:700;">困难</p>
													</div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="subsub"></div>
													<div class="subsub"></div>
												</div>
												<div class="maininfo">
													<div class="forblank"></div>
													<div class="forreal">
														<p th:text="${i.content}">我是题干哈哈哈哈</p>
														<div th:if="${not #strings.isEmpty(i.picture)}">
															<div class="forimg">
																<img th:src="@{${i.picture}}" style="width: 100% ; height:100%">
															</div>		
														</div>
														<div class="forjud">
															<div class="subsub">
																<p style="font-weight:700;">判断正误</p>
															</div>
															<div class="subsub">
																<div class="forT">
																	<div th:if="${i.answer} eq 'T'">
																		<input class="form-check-input" type="radio" checked>
																	</div>
																	<div th:if="${i.answer} ne 'T'">
																		<input class="form-check-input" type="radio">
																	</div>
																</div>
																<div class="forT1">
																	<span class="form-check-label">正确</span>
																</div>
															</div>
															<div class="subsub">
																<div class="forT">
																	<div th:if="${i.answer} eq 'F'">
																		<input class="form-check-input" type="radio" checked>
																	</div>
																	<div th:if="${i.answer} ne 'F'">
																		<input class="form-check-input" type="radio">
																	</div>
																</div>
																<div class="forT1">
																	<span class="form-check-label">错误</span>
																</div>
															</div>
															<div class="subsub"></div>
															<div class="subsub"></div>
														</div>
													</div>
												</div>
												
											</div>
										</div>
										<div th:if="${not #lists.isEmpty(fqinfolist)}">
											<div class="forqtitle1">
												<div class="someinfo">
													<h3>填空题:</h3>
												</div>
												<div class="maininfo">	
												</div>
											</div>
											<div class="forq" th:each="i:${fqinfolist}">
												<div class="someinfo">
													<div class="subsub">
														题号:
													</div>
													<div class="suba">
														<p th:text="${iStat.count}" style="font-weight:700;">123</p>
													</div>
													<div class="subsub">
														分值:
													</div>
													<div class="suba">
														<p th:text="${i.point}" style="font-weight:700;">123</p>
													</div>
													<div class="subsub">
														难度:
													</div>
													<div class="suba">
														<p th:if ="${i.difficulty} lt '0.5'" style="font-weight:700;">简单</p>
														<p th:if ="${i.difficulty} eq '0.5'" style="font-weight:700;">中等</p>
														<p th:if ="${i.difficulty} gt '0.5'" style="font-weight:700;">困难</p>
													</div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="subsub"></div>
													<div class="subsub"></div>
												</div>
												<div class="maininfo">
													<div class="forblank"></div>
													<div class="forreal">
														<p th:text="${i.content}">我是题干哈哈哈哈</p>
														<div th:if="${not #strings.isEmpty(i.picture)}">
															<div class="forimg">
																<img th:src="@{${i.picture}}" style="width: 100% ; height:100%">
															</div>		
														</div>
														<div class="forfill">
															<div class="subsub">
																<p style="font-weight:700;">正确答案：</p>
															</div>
															<div class="subsub2">
																<p th:text="${i.answer}"></p>
															</div>
															<div class="subsub"></div>
															<div class="subsub"></div>
														</div>
													</div>
												</div>
												
											</div>
										</div>
										<div th:if="${not #lists.isEmpty(bqinfolist)}">
											<div class="forqtitle1">
												<div class="someinfo">
													<h3>简答题:</h3>
												</div>
												<div class="maininfo">	
												</div>
											</div>
											<div class="forq" th:each="i:${bqinfolist}">
												<div class="someinfo">
													<div class="subsub">
														题号:
													</div>
													<div class="suba">
														<p th:text="${iStat.count}" style="font-weight:700;">123</p>
													</div>
													<div class="subsub">
														分值:
													</div>
													<div class="suba">
														<p th:text="${i.point}" style="font-weight:700;">123</p>
													</div>
													<div class="subsub">
														难度:
													</div>
													<div class="suba">
														<p th:if ="${i.difficulty} lt '0.5'" style="font-weight:700;">简单</p>
														<p th:if ="${i.difficulty} eq '0.5'" style="font-weight:700;">中等</p>
														<p th:if ="${i.difficulty} gt '0.5'" style="font-weight:700;">困难</p>
													</div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="suba"></div>
													<div class="subsub"></div>
													<div class="subsub"></div>
												</div>
												<div class="maininfo">
													<div class="forblank"></div>
													<div class="forreal">
														<p th:text="${i.content}">我是题干哈哈哈哈</p>
														<div th:if="${not #strings.isEmpty(i.picture)}">
															<div class="forimg">
																<img th:src="@{${i.picture}}" style="width: 100% ; height:100%">
															</div>		
														</div>
														<div class="forbig">
															<div class="subsub">
																<p style="font-weight:700;">正确答案：</p>
															</div>
															<div class="subsub2">
																<p th:text="${i.answer}"></p>
															</div>
															<div class="subsub"></div>
															<div class="subsub"></div>
														</div>
														<div class="forbig" th:if="${not #strings.isEmpty(i.answerpic)}">
															<div class="subsub">
																<p style="font-weight:700;">标答照片：</p>
															</div>
															<div class="subsub2">
																<div class="forimg">
																	<img th:src="@{${i.answerpic}}" style="width: 100% ; height:100%">
																</div>	
															</div>
															<div class="subsub"></div>
															<div class="subsub"></div>
														</div>
														
													</div>
												</div>
												
											</div>
										</div>
									
									
								</div>
				</div>
			</section>
				
			</div>
		</div>
		
		<script src="js/app.js"></script>
	</body>
</html>
